<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教练名片</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
</head>
<style>
.top{
    width: 100%;
    background-color: #fff;
    margin:0 auto;
    height:100%;
    position:fixed;
    top: 10%;
}
.jiaolian-name{
    text-align: center;
}
.yuan img{
    width: 100px;
    height: 100px;
    position:relative;
    border-radius: 50%;
    top:-50px;
    left: 43%;
}
    .center{
        width: 80%;
        margin:0 auto;
        border-radius:5px;
        padding-left: 2%;
        border: solid 1px rgba(0, 0, 0, 0.51);
    }
    .bottom{
        width: 80%;
        background-color:#ffffff;
        margin:0 auto;
        border-radius:5px;
        padding-left: 2%;
        border: solid 1px rgba(0, 0, 0, 0.51);
    }
    .right,.left{
        margin-left: 0px;width: 50%;
        background-color: rgba(212, 211, 211, 0.95);
        float: left;
    }
</style>
<body style="background-color: #F2F2F2;margin:0;
padding:0;">
<div class="top" style="position: absolute">
    <div class="yuan"><img src="img/yuan.jpg"></div>
    <div style="text-align: center;"><strong style="font-size: 30px;">张勇</strong>教练</div><br>
    <div class="center">
      <p>个人介绍：</p>
        <p>lorem ipsum sit amet .adsaoihdo shaoiosahfoi  shaoidhosiaoi shaoihfoask shoiahfiosaf kwalk,msmd safsa,
        asfkjashfw saf,mnz,xv w whauosfbauidags b aksjskuwa sbfmfafwukhfafj</p><br/>
        <p>任教时间：6年</p>
        <p>所属俱乐部：碳蛋知</p>
        <p>现居地址：绵阳市青龙大道59号</p>
        <p>联系电话：18780567107</p>
        <p>电子邮箱：mooshroom</p><br />
    </div><br />
    <div class="bottom">
      <p>相关证书：</p><br>
            <img src="img/zhengshu.gif"width="50px;" height="50px;">
        <span style="background-color:rgba(212, 211, 211, 0.95);">健身营养套餐原理&实际操作</span>&nbsp;&nbsp;
            <img src="img/zhengshu.gif"width="50px;" height="50px;">
        <span style="background-color:rgba(212, 211, 211, 0.95);">健身营养套餐原理&实际操作</span>
    </div>
</div>
</body>
</html>